import axios from 'axios'
import store from '@/store'
import router from '@/router'

// 创建一个axios实例（一个实例请求一台服务器）
const instance = axios.create({
  // 开发环境和生成环境的基地址是不一样的
  /**
   * 开发环境的地址一般是一个内网地址 192.168.xxx.xx
   * 生产环境地址必须是外网地址
   * 设置基准地址，使用环境变量（根据你当前所处的环境来设置正确的基准路径）
   * process.env.VUE_APP_BASEURL
   * npm run serve ===> http://huangjiangjun.top:3001/api/
   * npm run build ===> https://huangjiangjun.top:3002/api/
   */
  baseURL: process.env.VUE_APP_BASEURL
})

// 添加请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    if (store.state.user.token) {
      // 如何查看请求头是否携带过去了（查看Chrome调试工具中的Networking）
      config.headers.token = store.state.user.token
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
instance.interceptors.response.use(
  // 响应状态码 1xx、2xx、3xxx 走第一个函数
  function (response) {
    // 对响应数据做点什么
    // response是响应的所有数据

    // 如果页面中只需要响应体数据，就像下面那样返回
    return response.data
  },
  // 4xx、5xx 走下面这个地方
  function (error) {
    // 401 才代表token无效
    // console.log('---error---', error)
    if (error.response.status === 401) {
      // 清空token
      store.commit('user/setToken', '')
      // 跳转到登录页
      router.replace('/login')
    }
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)

export default instance
